<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>退号</title>
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<link rel="stylesheet" href="css/tuihao.css" />
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/backRegister.js"></script>
</head>

<body>

	<ul id="daohang">
		<li id="li1">
			门诊挂号管理
			<div>
				<p>挂号</p>
				<p>退号</p>
			</div>
		</li>
		<span>|</span>
		<li id="li2">
			门诊收费管理

			<div>
				<p>划价收费</p>
				<p>门诊退费</p>
			</div>
		</li>
		<span>|</span>
		<li>
			住院登记管理
		</li>
		<span>|</span>
		<li>
			住院费用管理
		</li>
		<span>|</span>
		<li>
			医院字典设定
		</li>
		<span>|</span>
		<li>
			个人设置
		</li>
	</ul>
	<form action="#" method="post">
		<div id="dfapiao">
			<span class="fapiao">门诊挂号发票</span>
			<input type="email" id="fapiao" name="reg_ino" />
			<span class="fapiao refresh_ino">更新发票号</span>
		</div>
		<div id="guahao">
			<div id="guahaodaohang">
				<span>挂号信息</span>
				<div id="guahaodaohangr">
					<span class="glyphicon glyphicon-align-justify"></span><span>退费</span>
					<span class="glyphicon glyphicon-file"></span><span class="back_register_btn">退号</span>
					<span class="glyphicon glyphicon-refresh"></span><span class="clear_form">清屏</span>
				</div>
			</div>
			<div id="guahaohaoma">
				<select name="guahaoleixing" style="width: 80px; height: 26px; margin-left: 5px;">
					<option>身份证号</option>
				</select>
				<input type="text" name="pid" />
				<span class="glyphicon glyphicon-credit-card"></span> <span>医保卡读卡</span>
				<span class="glyphicon glyphicon-credit-card"></span> <span>农合卡读卡</span>
				<span class="glyphicon glyphicon-credit-card"></span> <span>身份证读卡</span>
				<span class="glyphicon glyphicon-credit-card"></span> <span>健康卡读卡</span>
				<span class="glyphicon glyphicon-credit-card"></span> <span>熙康卡读卡</span>
			</div>

			<div class="row clearfix" id="guahaoxinxi">
				<div class="col-md-7 column">
					<div class="col-md-4 column">
						<span>病历号<input type="text" name="case_no" readonly /></span><br />
						<span>结算类别<input type="text" name="settle_type" readonly /></span><br />
						<span>发票号<input type="text" name="get_reg_ino" readonly /></span><br />
					</div>
					<div class="col-md-4 column">
						<span>姓名<input type="text" name="pname" readonly /></span><br />
						<span>医疗证号<input type="text" name="mcard_no" readonly /></span><br />
					</div>
					<div class="col-md-4 column">
						<span>性别<input type="text" name="sex" readonly /></span><br />
						<span>医疗类别<input type="text" name="medical_type" readonly /></span><br />
					</div>

				</div>
				<div class="col-md-5 column">
					<div class="col-md-6 column">
						<span>年龄<input type="text" name="age" readonly /></span><br />
						<span>身份证号<input type="text" name="pid" readonly /></span><br />
					</div>
					<div class="col-md-6 column">
						<span>出生日期<input type="text" name="birthday" readonly /></span><br />
						<span>家庭住址<input type="text" name="address" readonly /></span><br />
					</div>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="row clearfix" style="width: 100%;">
				<div class="col-md-6 column" id="tableleft">
					<table class="table table-striped" border="1px" bordercolor="#DCDCDC">
						<thead>
							<tr>
								<th colspan="16" id="biaotou">
									<span id="left">挂号信息列表</span>
								</th>

								<tr class="tr1">
									<th class="bianxiao"></th>
									<th>病历号</th>
									<th>姓名</th>
									<th>性别</th>
									<th>出生日期</th>
									<th>身份证号</th>
									<th>发票号</th>
									<th>结算类别</th>
									<th>挂号级别</th>
									<th>挂号日期</th>
									<th>看诊日期</th>
									<th>是否已诊</th>
									<th>状态</th>
									<th>实收费用</th>
									<th>看诊科室</th>
								</tr>
							</tr>
						</thead>
						<tbody class="reg_tbody"></tbody>
					</table>
					
				</div>
				<div id="demo6"></div>
				<div class="col-md-6 column" id="tableright">
					<div id="tablerighttop">
						<span>挂号发票信息</span>
					</div>
					<div id="tableflex">
						<div>
							<span>票据种类<input type="text" name="inv_type" readonly /></span><br />
							<span>总金额<input type="text" name="reg_pay" readonly /></span><br />
							<span>自付金额<input type="text" name="zero" readonly /></span><br />
							<span>实付金额<input type="text" name="reg_pay" readonly /></span>
						</div>
						<div>
							<span>首张发票号<input type="text" name="get_reg_ino" readonly /></span><br />
							<span>自费金额<input type="text" name="reg_pay" readonly /></span> <br />
							<span>报销金额<input type="text" name="zero" readonly /></span><br />
							<span>差额<input type="text" name="zero" readonly /></span>
						</div>
					</div>
					<div id="tablerightb">
						<table class="table table-striped" border="1px" bordercolor="#DCDCDC" id="table2">
							<thead>
								<tr>
									<th colspan="16" id="biaotou">
										<span id="left">门诊收费明细</span>
									</th>
								</tr>

								<tr class="tr1">
									<th class="bianxiao"><input type="checkbox" name="change_all" style="width: 26px;"/></th>
									<th>项目名称</th>
									<th>药品标识</th>
									<th>项目状态</th>
									<th>单价</th>
									<th>总金额</th>
									<th>自费金额</th>
									<th>自付金额</th>
									<th>报销金额</th>
									<th>实付金额</th>
									<th>差额</th>
								</tr>
							</thead>
							<tbody class="inv_tbody"></tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
		<div id="demo6">
			<ul class="pagination pagination-sm">
				<li class="prev"><a href="#">&laquo;</a></li>
				<li class="active"><span class="pagenum" >1</span><span class="maxpage" style="display:none;"></span></li>
				<li class="next"><a href="#">&raquo;</a></li>
			</ul>
		</div>
	</form>
	<script>
		$("#daohang li").mouseover(function () {
			$(this).css("cursor", "pointer");
		});
		$("#daohang li").click(function () {

			$("#daohang li").css("color", "black");
			$(this).css("color", "#67A5CA");
		});
		$("#li1").click(function () {
			var dis = $("#li1 div").css("display");
			if (dis == "none") {
				$("#li1 div").css("display", "block");
			} else {
				$("#li1 div").css("display", "none");
			}

		})
		$("#li2").click(function () {
			var dis = $("#li2 div").css("display");
			if (dis == "none") {
				$("#li2 div").css("display", "block");
			} else {
				$("#li2 div").css("display", "none");
			}

		})
		$(".fapiao").css("color", "#1772B0");
		$("#guahaodaohang span").css("line-height", "40px");

		$(".glyphicon").css("color", "#003F74");
		$("#guahaohaoma").css("background-color", "#D9EAF3");
		$("#guahaohaoma").css("border-top", "1px solid white");
		$("input[name=guahaoleixing]").css("margin-left", "10px");

	</script>
</body>

</html>